<html>

	<head>
		<title>菜单管理</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link href="../../css/font-awesome.min.css" rel="stylesheet">
		<link href="../../css/animate.css" rel="stylesheet">
		<link href="../../css/style.css" rel="stylesheet">
		<link href="../../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../css/plugins/jsTree/style.min.css" />
		<link rel="stylesheet" href="../../css/zuoben.css" />
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">

			<div class="row">

				<div class="col-md-3">
					<div class="portlet box green-haze" style="padding: 15px">
						<div class="portlet-body" id="resTree"></div>
					</div>
				</div>

				<div class="col-md-9">
					<div class="row" style="margin-right: 0!important;">
						<div class="col-md-12">

							<div class="portlet box green-haze" style="padding: 15px">
								<div class="portlet-title">

									<button type="button" class="btn green btn-parent btn-info">
                                <i class="fa fa-plus-square" aria-hidden="true"></i>
                                <span class="hidden-480">新增顶层菜单</span>
                            </button>

									<button type="button" class="btn green btn-children btn-success" disabled="disabled">
                                <i class="fa fa-plus"></i>
                                <span class="hidden-480">新增子菜单</span>
                            </button>

									<button type="button" class="btn blue btn-edit btn-primary" disabled="disabled">
                                <i class="fa fa-edit"></i>
                                <span class="hidden-480">编辑此菜单</span>
                            </button>

									<button type="button" class="btn red btn-disable btn-warning" disabled="disabled">
										<i class="fa fa-trash-o"></i>
										<span class="hidden-480">禁用此菜单</span>
										</button>
									<button type="button" class="btn red btn-delete btn-danger" disabled="disabled">
                                <i class="fa fa-trash-o"></i>
                                <span class="hidden-480">删除此菜单</span>
                            </button>
								</div>
								<div class="portlet-body form" id="menu_edit_table">
									<form id="menuForm" class="form-horizontal form-bordered" method="POST">
										<div class="form-body">

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="col-md-2 control-label">菜单名称<span
                                                        class="required">*</span></label>

														<div class="col-md-10">
															<input type="text" class="form-control" name="text" readonly="true" />
														</div>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group" style="text-align:left">
														<label class="col-md-2 control-label">图标&nbsp;<span
                                                        class="required">*</span></label>
														<div class="col-md-8 ">
															<input type="text" id="icon" name="icon" class="form-control" readonly="true" placeholder="请选择系统图标">
														</div>
														<span class="input-group-btn">
                                                <button id="icon_add" disabled="disabled" class="btn btn-default" type="button" data-toggle="modal" data-target="#icon_add_div"><i
                                                        class="fa fa-check"></i>选择</button>
                                            </span>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="col-md-2 control-label">类型&nbsp;<span
                                                        class="required">*</span></label>

														<div class="col-md-10">
															<select name="type" class="form-control" disabled="disabled">
																<option value=>请选择类型</option>
																<option value="1">菜单</option>
																<option value="2">按钮</option>
																<option value="3">接口</option>
															</select>
														</div>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="col-md-2 control-label">URL&nbsp;<span
                                                        class="required">*</span></label>

														<div class="col-md-10">
															<input type="text" class="form-control" name="href" readonly="true" />
														</div>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="col-md-2 control-label">排序&nbsp;<span
                                                        class="required">*</span></label>

														<div class="col-md-10">
															<div class="input-icon right">
																<input type="text" class="form-control" name="sort" readonly="true" />
															</div>
														</div>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="col-md-2 control-label">状态&nbsp;<span class="required">*</span></label>

														<div class="col-md-10">
															<div class="input-icon right">
																<select name="state" class="form-control" disabled="disabled">
																	<option value=>请选择状态</option>
																	<option value="1">启用</option>
																	<option value="2">禁用</option>
																</select>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>

										<div class="form-actions fluid">
											<div class="row">
												<div class="col-md-offset-3 col-md-9">
													<button id="submit" type="submit" class="btn btn-primary green" disabled="disabled">保存</button>
													<button id="cancel" type="button" class="btn btn-white default btn-cancel" disabled="disabled">取消</button>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="icon_add_div" class="modal fade" tabindex="-1" aria-hidden="true" style="height: 450px">
				<div class="modal-dialog" style="width:900px;">
					<iframe src="../../fontawesome.html"></iframe>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    	<script type="text/javascript" src="../../js/content.js"></script>
		<script type="text/javascript" src="../../js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script type="text/javascript" src="../../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/layer/layer.min.js"></script>
		<!--<script type="text/javascript" src="../../js/hplus.js"></script>-->
		<script type="text/javascript" src="../../js/contabs.js"></script>
		<script type="text/javascript" src="../../js/plugins/pace/pace.min.js"></script>
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/jsTree/jstree.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../js/plugins/validate/jquery.validate.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/validate/messages_zh.min.js"></script>
		<script type="text/javascript" src="../../js/zuoben/zuoben.js"></script>
		<script type="text/javascript" src="../../js/menu/menuList.js"></script>
	</body>

</html>